﻿@model Lead2012.ViewModels.DashboardViewModel				

	<h2 class="app">
		<strong >Bảng điều khiển</strong>
	</h2>                
    <div class="mods-wrapper" id="calendarEvents" >
        <ul class="accordeon-tabs mod-calendar">
            <li class="open">
            <span class="tab">
                <span id="expDashboardCalendar" class="expander" data-bind="click: expCalendar"></span>
                <span>Lịch</span>
            </span>
            <span class="panel" data-bind="visible: ShowCalendar" style="height:255px">
                <div id="calendar" class="calendar"></div>
            </span>
            </li>
        </ul>
               
        <div class="mod-calendar-events-wrapper">
            <ul class="accordeon-tabs mod-calendar-events">
                <li class="open">
                    <span class="tab">
                        <span id="expDashboardEvent" class="expander" data-bind="click: ExpanEvents"></span>
                        <span>Lịch các sự kiện</span>
                    </span>
                    <span class="toolbar" data-bind="visible: ShowToolbar">
                        <span class="area full">
                        <label data-bind="text:TimeEvent"></label>
                        <a href="javascript:void(0);" onclick="OpenPrintCalendarEventWindow()" class="btn btn-print">In</a>
                        <div class="select-holder ev-sel-user" data-bind="visible: ShowUserList">
                            <select id="Agents" data-bind='value: UserId, foreach: UserOptions, optionsCaption: "All Users"'>
                                <option data-bind="value: ID, text: ItemName"></option>
				            </select>
                        </div>
                        </span>
                    </span>
                    <span class="panel nopadding" data-bind="visible: ShowPanel">
                        <ul class="calendar-list" data-bind="foreach: ItemsOnCalendar">
                            <li data-bind="attr: {'class': (Events!=null && Events.length==1)?'active':''}">
                                <span data-bind='text: TimeZone' class="time"></span>
                                <ul class="events" data-bind="foreach: Events">
                                    <li class="groupevent">                                    
                                        <span class="time2" data-bind='text: TimeEvent'></span>
                                        <span class="activity" >
                                            <span class="name">
                                                <a data-bind='text: LeadName, attr: {href: LeadUrl }'></a>
                                            </span>
                                            <span class="shortdesc" data-bind='text: Title'></span>
                                        </span>
                                    </li>
                                </ul>
                             </li>                  
                        </ul>
                    </span>
                </li>
            </ul>
        </div>
    </div>
